<template>
    <!-- 页面主体 -->
    <div>
        <Head/>
        <div style="display: flex">
            <Sider/>
            <router-view style="flex: 1 "/>
        </div>
        <div>
            <Foot/>
        </div>
    </div>
</template>
<script>
    import Head from '@/components/Head.vue'
    import Foot from '@/components/Foot.vue'
    import Sider from '@/components/Sider.vue'
    export default {
    name: "Main",
    components: {
        Head,//头部
        Foot,//底部
        Sider //侧边
    },
}
</script>